<html lang="zh-cmn-Hans">

<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 百度不转码 -->
    <meta http-equiv="Cache-control" content="no-cache"> <!-- 不缓存 -->
    <meta content="telephone=no" name="format-detection"> <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><!-- "苹果手机专用"的改变顶部状态条的颜色 -->
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 开启对 web app 程序的支持 -->
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <!-- 不允许缩放的1:1显示 -->
    <meta name="mobile-agent" content="format=html5;url=http://m.moerlong.com/"><!-- 自主适配，仅在百度移动搜索中有效 -->
    <meta name="applicable-device" content="mobile"><!-- 只适合在移动设备上进行浏览 -->
    <meta name="keywords" content="">
    <meta name="robots" content="index,follow"> <!-- 定义搜索引擎索引方式 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>丽娟教育</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css">


    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/index.js"></script>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
</head>

<body  id="body" style="visibility: hidden;">
    <div class="heads">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="swiper-container" id="banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide"> <img src="images/index/banner.jpg" alt=""> </div>
            <div class="swiper-slide"> <img src="images/index/banner.jpg" alt=""> </div>
            <div class="swiper-slide"> <img src="images/index/banner.jpg" alt=""> </div>
            <div class="swiper-slide"> <img src="images/index/banner.jpg" alt=""> </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="huibg pb50">
        <div class="main_img">
            <ul>
                <li><a href="#">
                        <img src="images/index/ico01.png" alt="">
                        <p> 主题探究 </p>
                    </a></li>
                <li><a href="#">
                        <img src="images/index/ico02.png" alt="">
                        <p> 概念设计 </p>
                    </a></li>
                <li><a href="#">
                        <img src="images/index/ico03.png" alt="">
                        <p> 观念实验 </p>
                    </a></li>
                <li><a href="#">
                        <img src="images/index/ico04.png" alt="">
                        <p> 主题探究 </p>
                    </a></li>
                <li><a href="#">
                        <img src="images/index/ico05.png" alt="">
                        <p> 美高 </p>
                    </a></li>
                <li><a href="#">
                        <img src="images/index/ico06.png" alt="">
                        <p> 在绘 </p>
                    </a></li>
                <li><a href="#">
                        <img src="images/index/ico07.png" alt="">
                        <p> 营地 </p>
                    </a></li>
                <li><a href="#">
                        <img src="images/index/ico08.png" alt="">
                        <p> STEAM </p>
                    </a></li>
            </ul>
        </div>
        <div class="v_list">
            <ul>
                <li class="col_fff">
                    <a href="#" class="col_fff">
                        <h1>丽娟艺术</h1>
                        <h3>艺术创造力中心，时刻关注</h3>
                    </a>
                    <a href="" class="ps col_fff"> <i class="iconfont iconnianling"></i> 直播中</a>
                </li>
                <li class="col_fff">
                    <a href="#" class="col_fff">
                        <h1>观看回放</h1>
                        <h3>艺术创造力中心，时刻关注</h3>
                    </a>
                    <a href="" class="ps col_fff"> 观看回放</a>
                </li>
            </ul>
        </div>
        <div class="online ">
            <div class="online_item" style="display: block">
                <h1 class="online_tit"> 今日推荐 </h1>
                <ul>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-1.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-2.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-3.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-4.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-1.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-1.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-2.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-3.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-4.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                    <li class="borbt"><a href="#">
                            <div class="online_img">
                                <img src="images/index/ii-1.jpg" alt="">
                            </div>
                            <div class="online_text">
                                <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                                <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                            </div>
                            <div class="online_btn">
                                <span>报名中</span>
                            </div>
                        </a></li>
                </ul>
            </div>
        </div>
        <div class="online ond">
            <div class="online_item" style="display: block">
                <h1 class="online_tit"> 了解我们 </h1>
                <div class="understand col_fff">
                    <h2>一所潜心研究20年课程，专注艺术创造力的美术教育机构</h2>
                    <p>丽娟实验艺术教育机构始创于1997年，总部在北京，专业从事4岁—18岁艺术创造力教育。是中国青少年儿童艺术教育领域的高端品牌,全球研究艺术创造力教育的先锋机构。<br><br><br>

                        我们致力于提供最好的艺术教育，<br>
                        通过实验艺术系列课程，帮助学生<br>
                        成长为具有充满创造力的文化贡献者。<br>
                    </p>
                    <img src="images/index/61.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        var mySwiper = new Swiper('#banner', {
            autoplay: 3000,
            speed: 500,
            loop: true,
            lazyLoading: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
            paginationClickable: true
        })
    </script>
</body>